#app {
    background: #f5f5f5;
    min-height: 100vh;
    width: 7.5rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    background-image: url(../images/myteam/bg@2x.png);
    background-repeat: no-repeat;
    background-size: 7.5rem 5.25rem;
}

.top {
    width: 7.07rem;
    height: 4.55rem;
    background: rgba(255, 255, 255, 0.87);
    box-shadow: 0rem .04rem .68rem 0rem rgba(39, 52, 125, 0.25);
    border-radius: .25rem .25rem .25rem .25rem;
    margin: 1.58rem auto 0;
    padding: .35rem .45rem;
    position: relative;
}

.title {
    font-size: .38rem;
    color: #212C67;
}

.rmb {
    width: .74rem;
    height: .54rem;
    background: #FBA703;
    border-radius: .17rem;
}

.price {
    margin: .47rem auto 0;
    padding: 0 0 0 .14rem;
    font-size: .7rem;
    display: flex;
    align-items: center;
}

.price .rmb {
    font-size: .25rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

.nums {
    font-size: .3rem;
    margin-top: .4rem;
    color: #212C68;
}

.nums span+span {
    color: #FF9E00
}

.input {
    width: 6.20rem;
    height: .71rem;
    background: #DCDCDC;
    border-radius: .36rem;
    left: .41rem;
    position: absolute;
    bottom: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #A9A9A9;
    font-size: .23rem;
}

.tabs {
    display: flex;
    width: 7.07rem;
    height: .76rem;
    background: #fff;
    box-shadow: 0rem .04rem .40rem 0rem rgba(63, 63, 63, 0.15);
    padding: 0 .56rem 0 .46rem;
    border-radius: .38rem;
    margin: .4rem auto .28rem;
    justify-content: space-between;
    font-size: .24rem;
    align-items: center;
}

.tabs span:nth-child(1) {
    width: 20%;
}

.tabs span:nth-child(2) {
    width: 20%;
}

.tabs span:nth-child(3) {
    width: 30%;
}

.tabs span:nth-child(4) {
    width: 30%;
}

.list {
    width: 7.07rem;
    min-height: 1.96rem;
    background: #fff;
    box-shadow: 0rem .04rem .40rem 0rem rgba(63, 63, 63, 0.15);
    border-radius: .40rem;
    margin: 0 auto;
    padding: .2rem 0;
}

.list .item {
    display: flex;
    width: 6.5rem;
    height: .76rem;
    background: #fff;
    margin: 0 auto;

    justify-content: space-between;
    font-size: .24rem;
    align-items: center;
    border-bottom: .01rem solid #E2E2E2;
}

.item span:nth-child(1) {
    width: 20%;
}

.item span:nth-child(2) {
    width: 20%;
}

.item span:nth-child(3) {
    width: 30%;
}

.item span:nth-child(4) {
    width: 30%;
}